<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <meta name="renderer" content="webkit" />
    <title>主页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->

    <link href="common/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css" rel="stylesheet" />
    <script type="text/javascript" src="common/jquery/jquery-3.3.1.js"></script>

    <link href="common/main/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />

    <style>
        .row{
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 10px;
        }
        .mg-top-15{
            margin-top: 15px;
        }
        .padding-10{
            padding-bottom: 10px;
        }
        .btn-sm i{
            margin-right: 5px;
        }
    </style>
</head>
<body>
<div class="row mg-top-15">
    <div class="col-md-12 border-bottom padding-10">
        <button class="float-md-right btn btn-info" title="kkk" >
            <i class="fa fa-refresh"></i>
        </button>
    </div>
</div>
<div class="row border-bottom padding-10">
    <div class="col-md-1">
        <a class="btn btn-info" href="form.html?op=add">
            <i class="fa fa-apple"></i>
            <span>增加</span>
        </a>
    </div>
    <div class="col-md-1">
        <button class="btn btn-danger">批量删除</button>
    </div>
    <div class="col-md-9">

    </div>
    <div class="col-md-1">
        <p class="text-dark text-center text-justify">共有数据：88</p>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <table class="table table-bordered table-hover">
            <thead id="cate-head" class="thead-light">
            <tr>
                <th scope="col" width="20">
                    <div class="pretty p-icon p-smooth">
                        <input type="checkbox"/>
                        <div class="state p-success">
                            <i class="icon fa fa-check"></i>
                            <label></label>
                        </div>
                    </div>
                </th>
                <th scope="col">用户名</th>
                <th scope="col" width="60">排序</th>
                <th scope="col" width="70">状态</th>
                <th scope="col" width="275">操作</th>
            </tr>
            </thead>
            <tbody id="cate-body">
            <tr admin-id="1">
                <th scope="row">
                    <div class="pretty p-icon p-smooth">
                        <input type="checkbox"/>
                        <div class="state p-success">
                            <i class="icon fa fa-check"></i>
                            <label></label>
                        </div>
                    </div>
                </th>
                <td>Mark</td>
                <td>Otto</td>
                <td>
                    <div class="pretty p-switch p-fill">
                        <input type="checkbox" checked/>
                        <div class="state p-success">
                            <label>Slim</label>
                        </div>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-info"><i class="fa fa-pencil"></i>编辑</button>
                    <button class="btn btn-sm btn-warning"><i class="fa fa-pencil"></i>用户角色</button>
                    <button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i>删除</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<script>
    // document.querySelector("#check").checked = true;
    $(function() {

    });
</script>
</body>
</html>